@charset "UTF-8";
img { -webkit-transition: all 0.5s; transition: all 0.5s; border: 0; display: inline-block; }
a { color: #333; -webkit-transition: all .2s; transition: all .2s; }
body { font-size: 14px; background-size: cover; -ms-behavior: url(../images/cssbackgroundsize.min.htc); behavior: url(../cssbackgroundsize.min.htc); }
.banner { overflow: hidden; position: relative;/* height: 100vh;*/ }
.banner li { overflow: hidden; position: relative; }
.banner .bx-wrapper img { max-width: none; width: 100%; position: relative; }
.banner video { width: 100%; }
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto { bottom: auto; top: 90%; padding-top: 0; }
.banner .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; border: 0px solid #fff; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager .active a { background: #657ab8; }
/*banner文字*/
.banner li div.more.other { margin-left: auto; margin-right: auto; }
.banner li .p { position: absolute; top: 45%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff; opacity: 0; left: -50px; right: 0px; text-align: center; }
.banner li .p h3 { margin-bottom: 15px; overflow: hidden; line-height: 1; }
.banner li .p h4 { margin-bottom: 15px; overflow: hidden; letter-spacing: 9px; line-height: 1; }
.banner li .p p { margin-bottom: 5px; min-height: 1.5em; overflow: hidden; line-height: 1; }
.banner li .p q { position: relative; top: 100px; display: block; }
.banner li.li_left .p { text-align: left; top: auto; bottom: 20%; -webkit-transform: translateY(0%); transform: translateY(0%); }
.banner li.li_left .p>span { display: block; position: relative; padding-bottom: 25px; margin-bottom: 30px; }
.banner li.li_left .p>span:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 95px; height: 3px; background: #657ab8; }
.banner li.li_left div.more.other { margin-left: 0; }
/*移动端banner*/
.touch_body .banner .bx-controls { position: static; }
.touch_body .banner .bx-wrapper .bx-pager, .touch_body .banner .bx-wrapper .bx-controls-auto { bottom: 10px; }
.touch_body .banner .shu { display: none; }
/*title*/
.about-tilt { padding-top: 26px; padding-bottom: 20px; text-align: center; background: url(../images/bg3.jpg); background-attachment: fixed; }
.about-tilt h1 { font-size: 28px; color: #ffffff;/*padding-bottom: 5px;*/ }
.about-tilt h2 { font-size: 16px; color: #ffffff;/*padding-bottom: 5px; margin-top: 10PX; */ }
.about-tilt h3 { font-size: 12px; color: #ffffff; padding-bottom: 5px; }
.more img { width: 100%;/* max-height: 154px; */ margin: 60px 0px 0px 0px; }
.video video {width: 100%;/* max-height: 154px; */margin: 70px 0px 0px 0px;}
 @media only screen and (max-width: 1366px) {
.banner li .p { padding: 20px 30px 30px 90px; }
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto { top: 80%; }
.banner li.li_left .p>span:after { width: 60px; }
.banner li .p h3 { left: 0; }
}
@media only screen and (max-width: 1024px) {
.banner li .p h3 { font-size: 30px; line-height: 1.2; }
.banner li .p h4 { font-size: 30px; line-height: 1.2; }
.banner li .p p { font-size: 12px; }
.banner li .p { padding: 20px 30px 30px 80px; }
.banner .bx-wrapper .bx-pager, .banner .bx-wrapper .bx-controls-auto { top: 90%; }
.banner li.li_left .p>span { padding-bottom: 10px; margin-bottom: 15px; }
}
.banner_text02 { display: none; }
@media only screen and (max-width: 767px) {
.banner { margin-top: 70px; height: 0!important; padding-bottom: 56%; }
.banner li .p h3 { font-size: 24px; margin-bottom: 5px; }
.banner li .p h4 { font-size: 24px; letter-spacing: 2px; margin-bottom: 5px; }
.banner li .p p { font-size: 12px; margin-bottom: 5px; }
.banner li .p { top: 52%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px 20px 15px; background: transparent; }
.touch_body .banner .bx-wrapper .bx-pager, .touch_body .banner .bx-wrapper .bx-controls-auto { bottom: 10px; top: auto; }
.touch_body .banner .bx-wrapper .bx-pager.bx-default-pager a { margin: 0 7px; }
.banner li.li_left .p { bottom: 10%; -webkit-transform: translateY(0%); transform: translateY(0%); }
.banner li.li_left .p>span { display: block; position: relative; padding-bottom: 10px; margin-bottom: 15px; }
.banner li.li_left .p>span:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 95px; height: 3px; background: #657ab8; }
.banner li.li_left .p>span:after { width: 60px; }
.banner li.li_left a { padding-right: 15px; }
.banner_text02 { display: block; z-index: 99; }
.banner_text02 p { margin: 10px 0 20px; }
.banner_text02 p a { color: #fff; }
.banner li .p { left: 0; }
}
@media only screen and (max-width: 320px) {
.banner li .p h3 { font-size: 18px; }
.banner li .p h4 { font-size: 18px; }
}
/*文字右边*/
.banner li.li_right img { width: 100%; }
.banner li.li_right .p { text-align: left; right: auto; left: 52.5%; top: 35%; }
.banner li.li_right .p h4 q { letter-spacing: 3px; }
.banner li.li_right .p p { text-indent: 60px; }
@media only screen and (max-width: 1800px) {
.banner li.li_right .p { top: 35%; }
.banner li.li_right .p h4 { font-size: 52px; }
.banner li.li_right .p p { font-size: 45px; }
}
@media only screen and (max-width: 1600px) {
.banner li.li_right .p { top: 40%; }
.banner li.li_right .p h4 { font-size: 44px; }
.banner li.li_right .p p { font-size: 38px; text-indent: 45px; }
}
@media only screen and (max-width: 1380px) {
.banner li.li_right .p { top: 35%; left: 45%; }
.banner li.li_right .p h4 { font-size: 40px; }
.banner li.li_right .p p { font-size: 32px; text-indent: 45px; }
}
@media only screen and (max-width: 1320px) {
.banner li.li_right .p h4 { font-size: 34px; }
.banner li.li_right .p p { font-size: 28px; text-indent: 35px; }
}
@media only screen and (max-width: 1180px) {
.banner li.li_right .p { top: 40%; }
.banner li.li_right .p h4 { font-size: 28px; }
.banner li.li_right .p p { font-size: 24px; }
}
@media only screen and (max-width: 1000px) {
.banner li.li_right .p { top: 40%; left: 40%; }
.banner li.li_right .p h4 { font-size: 22px; }
.banner li.li_right .p p { font-size: 18px; text-indent: 20px; }
}
@media only screen and (max-width: 767px) {
.banner li.li_right .p { display: none; }
}
 @media only screen and (max-width: 767px) {
.banner img.pc_dom { display: none!important; }
.banner img.phone_video_dom { display: none!important; }
.banner video.pc_dom { display: none!important; }
}
/*文字左边*/
.banner li.li_01 { display: block; z-index: 99; }
.banner li.li_01 .p { text-align: left; left: 50%; right: auto; -webkit-transform: translate(-50%, -50%); transform: translateX(-50%, -50%); }
.banner li.li_01 .p p:first-child { margin-bottom: 10px; }
.banner li.li_01 p { margin: 10px 0 20px; }
.banner li.li_01 p a { color: #fff; font-family: aril; display: inline-block; height: 25px; padding-left: 35px; margin-right: 40px; line-height: 25px; }
.banner li.li_01 p a:first-child { background: url(../images/bbbbb.png) no-repeat; }
.banner li.li_01 p a:first-child+a { background: url(../images/aaaaa.png) no-repeat; }
.banner li.li_01 h3+p { margin-top: 20px; position: relative; }
.banner li.li_01 h3+p:after { content: ""; position: absolute; bottom: -20px; left: 0px; height: 3px; width: 120px; background: #657ab8; }
@media only screen and (max-width: 1024px) {
.banner li.li_01 .p p:first-child { margin-bottom: 0px; }
.banner li.li_01 .p { top: 55%; }
.banner li.li_01 h3+p { margin-top: 10px; }
.banner li.li_01 p a { margin-right: 20px; padding-left: 30px; }
}
/*局部居中上调*/
.banner li.li_top .p { top: 35%; }
.banner li.li_top .p h4 { letter-spacing: 2px; }
@media only screen and (max-width: 1366px) {
.banner li.li_top .p { top: 30%; }
}
@media only screen and (max-width: 1024px) {
.banner li.li_top .p { top: 35%; }
.banner li.li_top .p p { font-size: 24px; }
}
@media only screen and (max-width: 767px) {
.banner li.li_top .p { display: none; }
}
.in_prdc { width: 100%; }
.in_prdc .cs { float: left; width: 50%; position: relative; height: 0px; padding-bottom: 26%; overflow: hidden; }
.in_prdc .cs>ul { width: 100%; height: 100%; position: absolute; z-index: 1; }
.in_prdc .cs>ul li { display: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; color: #fff; }
.in_prdc .cs>ul li a { color: #fff; }
.in_prdc .cs>ul li:after { content: ""; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.in_prdc .cs>ul li img { width: 100%; }
.in_prdc .cs>ul li.active { display: block; z-index: 3; }
.in_prdc .cs>ul li .p-l { position: absolute; bottom: 15%; left: 33%; z-index: 1; -webkit-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; }
.in_prdc .cs>ul li .p-l h3 { margin-bottom: 5px; }
.in_prdc .cs>ul li .p-r { position: absolute; bottom: 15%; right: 33%; z-index: 1; -webkit-transition: all 0.4s ease-in-out 0.3s; transition: all 0.4s ease-in-out 0.3s; }
.in_prdc .cs>ul li .p-r h3 { margin-bottom: 0;margin-right:0;}
.in_prdc_hover { position: absolute; left: 0px; top: 50%; text-align: center; right: 0px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; }
.in_prdc_hover * { -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.in_prdc_hover img { width: 20%!important; opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
.in_prdc_hover span { display: block; width: 50px; height: 3px; background: #657ab8; margin: 20px auto; opacity: 0; -webkit-transform: translateX(200px); transform: translateX(200px); }
.in_prdc_hover p { opacity: 0; -webkit-transform: translateY(200px); transform: translateY(200px); }
.in_prdc .cs>ul li:hover:after { background: rgba(0,0,0,0.75); }
.in_prdc .cs>ul li:hover .p { opacity: 0; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; }
.in_prdc .cs>ul li:hover .in_prdc_hover img { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.in_prdc .cs>ul li:hover .in_prdc_hover span { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 1; }
.in_prdc .cs>ul li:hover .in_prdc_hover p { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; }
@media only screen and (max-width: 1500px) {
.in_prdc_hover img { width: 25%!important; }
}
@media only screen and (max-width: 1400px) {
.in_prdc_hover img { width: 30%!important; }
}
@media only screen and (max-width: 1200px) {
.in_prdc_hover img { width: 35%!important; }
.in_prdc_hover span { margin: 10px auto; }
}
@media only screen and (max-width: 1000px) {
.in_prdc_hover img { width: 40%!important; }
}
@media only screen and (max-width: 767px) {
.in_prdc .cs { width: 100%; padding-bottom: 52%; }
.in_prdc .cs>ul li .p { bottom: 15%; left: 4%; }
.in_prdc .cs>ul li .p h3 { margin-bottom: 0px; font-size: 18px; }
.in_prdc_hover span { margin: 5px auto; }
.in_prdc .cs>ul li .p p { display: none; }
}
.in_con03 .left, .in_con03 .fwleft { width: 50%; float: left; position: relative; background: #000000; height: 0px; padding-bottom: 40%; background-size: cover; color: #fff; }
.in_con03 .left>* {width: 620px;margin-left: auto;margin-right: 300px;}
.in_con03 .fwleft>* {width: 600px;margin-left: 310px;margin-right: auto;}
.in_con03 .left .p h3, .in_con03 .fwleft .p h3 { width: 450px; line-height: 1.2; position: relative; }
.in_con03 .left .p h3:after { content: ""; position: absolute; bottom: -30px; left: 0px; width: 50px; height: 1px; background: #fff; }
.in_con03 .left .ico dl {float: left;text-align: center;margin-left: 53px;}
.in_con03 .left .ico dl:first-child { margin-left: 0; }
.in_con03 .left .ico dl dt { margin-bottom: 15px; }
.in_con03 .left .ico dl p { font-size: 16px; line-height: 1; }
.in_con03 .left .ico dl span { font-size: 12px; }
.in_con03 .left .ico dl a { color: #fff; }
.in_con03 .left .ico dl dt { max-width: 67px; margin: 0 auto 15px; }
.in_con03 .left .ico dl dt svg { width: 80%; height: auto; }

@media only screen and (max-width: 1680px) {
.in_con03 .left>* {margin-right: 200px;}
.in_con03 .fwleft>* {margin-left: 200px;}
}
@media only screen and (max-width: 1680px) {
.video video {width: 86%; margin-left: -10px;}
.in_con03 .left .ico dl {margin-left: 55px;}
.in_con03 .left>* { width: 78%;  }
.in_con03 .fwleft>* { width: 85%; }
.left .p h3 { width: 450px; line-height: 1.2; position: relative; }
.fwleft .p h3 {width: 450px;line-height: 1.2;position: relative;margin-left: -10px;} 
}
@media only screen and (max-width: 1650px) {
.video video {margin-left: -20px;}
.fwleft .p h3 {margin-left: -20px;} 
}
@media only screen and (max-width: 1630px) {
.video video {margin-left: -30px;}
.fwleft .p h3 {margin-left: -30px;} 
}
@media only screen and (max-width: 1615px) {
.video video {margin-left: -40px;}
.fwleft .p h3 {margin-left: -40px;} 
}
@media only screen and (max-width: 1604px) {
.video video {margin-left: -50px;}
.in_con03 .left .ico dl {margin-left: 35px;}
.fwleft .p h3 {margin-left: -50px;} 
}
@media only screen and (max-width: 1585px) {
.video video {margin-left: -60px;}
.fwleft .p h3 {margin-left: -60px;}  
}
@media only screen and (max-width: 1555px) {
.video video {margin-left: -70px;}
.fwleft .p h3 {margin-left: -70px;}  
}
@media only screen and (max-width: 1520px) {
.video video {margin-left: -80px;}
.fwleft .p h3 {margin-left: -80px;}  
}
@media only screen and (max-width: 1500px) {
/*.in_con03 .left>*, .in_con03 .fwleft>* { width: 85%; margin-left: auto; margin-right: auto; }*/
.video video {margin-left: -90px; width:80%; }
.fwleft .p h3 {margin-left: -90px;}  
}
@media only screen and (max-width: 1440px) {
.video video {margin-left: -130px;}
.fwleft .p h3 {margin-left: -130px;}  
.in_con03 .left .ico dl {margin-left: 25px;}
}
@media only screen and (max-width: 1400px) {
.in_con03 .left .p h3:after { bottom: -20px; }
.in_con03 .left .ico dl dt img { width: 50px; }
}
@media only screen and (max-width: 1367px) {
.in_con03 .fwleft>* {margin-left: 260px;}
.in_con03 .left .ico dl {margin-left: 15px;}
}
@media only screen and (max-width: 1280px) {
.video video {width: 96%; margin-left: 50px;}
.in_con03 .left .ico dl {margin-left: 3px;}
.in_con03 .left>* { width: 78%;  }
.in_con03 .fwleft>* { width: 75%;margin-left: 40px; }
.left .p h3 { width: 450px; line-height: 1.2; position: relative; }
.fwleft .p h3 {width: 450px;line-height: 1.2;position: relative;margin-left: 50px;}
}
@media only screen and (max-width: 1200px) {
/*.in_con03 .left>*, .in_con03 .fwleft>* { width: 95%; }
.in_con03 .left .ico { margin-top: 30px; }
.in_con03 .left .ico dl { margin-left: 20px; }
.in_con03 .left .ico dl dt img { width: 35px; }
.in_con03 .left .ico dl p { font-size: 14px; }*/
.in_con03 .fwleft>* {width: 85%;margin-left: 0;}
.in_con03 .left>* {width: 88%;}
.video video {width: 96%;margin-left: 30px;margin-top: 40px;}
.fwleft .p h3 {margin-left: 30px;}
.in_prdc .cs>ul li .p-l { bottom: 15%; left: 13%; z-index: 1; }
.in_prdc .cs>ul li .p-l h3 { margin-bottom: 5px; }
.in_prdc .cs>ul li .p-r { bottom: 15%; right: 13%; }
.in_prdc .cs>ul li .p-r h3 { margin-bottom:0px; margin-right:0px;}
}
@media only screen and (max-width: 1080px) {
.in_con03 .left .ico dl { margin-left: 10px; }
.in_con03 .left>* {width: 95%;}
}
@media only screen and (max-width: 910px) {
.in_con03 .left, .in_con03 .fwleft { width: 100%; }
.in_con03 .left .p h3 { width: 100%; }
.in_con03 .left .p h3 br { display: none; }
.in_con03 .left .p h3:after { bottom: -10px; }
.in_con03 .left .ico dl { margin-left: 50px; }
}
@media only screen and (max-width: 769px) {
.video video {width: 100%;margin:50px;}
.in_con03 .left, .in_con03 .fwleft {height: 200px;}
.in_con03 .left .ico dl {margin-left: 90px;}
.in_con03 .left .ico {margin-top: 40px;}
.in_con03 .left>* {width: 95%;margin-left: 20px;}
}
@media only screen and (max-width: 767px) {
.in_con03 .left, .in_con03 .fwleft { height: auto; padding-bottom: 30px; }
.in_con03 .left .fnt_20 { font-size: 12px; display: none; }
.in_con03 .left .ico dl { margin-left: 2%; width: 23.5%; }
.in_con03 .left .ico dl span { display: none; line-height: 1.1; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.in_con03 .left .ico dl p { font-size: 12px; }
.video video { margin: 10px 0px 0px 0px; width: 100%; }
.in_con03 .left .mt_150 { margin-top: 65px; }
.in_con03 .left .p h3 { text-align: center; }
.in_con03 .left .p h3:after { display: none; }
.in_con03 .left .p div.more { margin-left: auto; margin-right: auto; }
.in_con03 .left .ico { margin-top: 50px; }
.in_con03 .fwleft>* {width: 95%;margin-left: 2%;}
.in_con03 .left .mt_150 { margin-top: 25px; }
.in_con03 .left .p h3, .in_con03 .fwleft .p h3 {width: 95%;line-height: 1.4; margin-left: 1%;}
}
@media only screen and (max-width: 467px) {
/*.in_con03 .fwleft>* {width: 95%;margin-left: 10px;}*/
}

.in_con03 .right { width: 50%; float: left; position: relative; background: url(../images/in_img02.jpg) no-repeat; height: 0px; padding: 3% 0 42% 0; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.in_con03 .right dl { height: 0px; float: left; background-repeat: no-repeat; background-position: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10% 0% 25% 9%; }
.in_con03 .right dl.dl1 { background-image: url(../images/dl1_bg.png); width: 55%; }
.in_con03 .right dl.dl2 { background-image: url(../images/dl2_bg.png); width: 45%; padding-left: 5%; }
.in_con03 .right dl.dl3 { background-image: url(../images/dl3_bg.png); width: 55%; }
.in_con03 .right dl.dl4 { background-image: url(../images/dl4_bg.png); width: 45%; padding-left: 5%; }
.in_con03 .right dl dt { color: #666; position: relative; padding-bottom: 25px; }
.in_con03 .right dl dt:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0px; width: 60px; height: 2px; background: #657ab8; -webkit-transition: all 0s ease-in-out; transition: all 0s ease-in-out; }
.in_con03 .right dl:hover dt:after { width: 30px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.in_con03 .right dl dt span { color: #657ab8; }
.in_con03 .right dl dt em { padding-left: 10px; font-size: 14px; color: #999; }
.in_con03 .right dl dd { width: 65%; margin-top: 20px; }
.in_con03 .right dl dd li { float: left; color: #666; margin-right: 20px; margin-top: 10px; }
.in_con03 .right dl dd li:hover { text-decoration: underline; }
@media only screen and (max-width: 1800px) {
.in_con03 .right dl dt em { font-size: 14px; }
}
@media only screen and (max-width: 1600px) {
.in_con03 .right dl { margin-top: 5%; padding-top: 5%; padding-bottom: 29%; }
.in_con03 .right dl dd { width: 80%; margin-top: 10px; }
.in_con03 .right dl dt { padding-bottom: 15px; }
.in_con03 .right dl dt em { display: block; padding-left: 0; }
.in_con03 .right dl dt em i { display: none; }
}
@media only screen and (max-width: 1300px) {
.in_con03 .right { padding: 0 0 45% 0; }
.in_con03 .right dl { padding-left: 5%; padding-right: 0%; background-size: 55%; }
}
@media only screen and (max-width: 1100px) {
.in_con03 .right dl dd li { margin-top: 5px; }
.in_con03 .right dl dd { width: 100%; }
}
@media only screen and (max-width: 910px) {
.in_con03 .right { width: 100%; height: auto; padding: 0; }
.in_con03 .right dl { margin-top: 0; padding-left: 3%; height: auto; padding-bottom: 6%; background-size: 30%; }
.in_con03 .right dl dt em { display: inline-block; padding-left: 5px; }
.in_con03 .right dl dt em i { display: inline-block; }
.in_con03 .right dl dd { width: 70%; }
.in_con03 .right dl.dl3 { padding-top: 0%; }
.in_con03 .right dl.dl4 { padding-top: 0%; }
}
@media only screen and (max-width: 767px) {
.in_con03 .right dl dt em { display: block; padding-left: 0px; font-size: 12px; }
.in_con03 .right dl dt em i { display: none; }
.in_con03 .right dl dd { width: 100%; margin-top: 5px; }
.in_con03 .right dl.dl2 { padding-left: 3%; }
.in_con03 .right dl.dl4 { padding-left: 3%; }
.in_con03 .right dl dt { padding-bottom: 10px; }
}
@media only screen and (max-width: 320px) {
.in_con03 .right dl dd li { margin-right: 10px; }
}
.in_con04 { height: 0px; padding-bottom: 36%; background: url(../images/bg3.jpg) no-repeat center; background-size: cover; background-attachment: fixed; }
.in_con04 .left { width: 465px; float: left; margin-left: 35px; }
.in_con04 .left a { color: #fff; }
.in_con04 .left h3 { font-weight: 700; line-height: 1.2; height: 2.4em; overflow: hidden; }
.in_con04 .left a h3 { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.in_con04 .left a:hover h3 { -webkit-transform: translateX(10px); transform: translateX(10px); }
/*.in_con04 .right { float: left; }*/
.in_con04 .right a { color: #fff; }
.in_con04 .right dl {float: left;width: 300px;margin-right: 26px;}
.in_con04 .right dl:last-child {float: left;width: 300px;margin-right: 0px;}

.in_con04 .right dl dt { height: 0px; padding-bottom: 66.5%; overflow: hidden; }
.in_con04 .right dl dt img { width: 100%; }
.in_con04 .right dl:hover dt img { -webkit-transform: scale(1.05); transform: scale(1.05); }
.in_con04 .right dd { background: #000; padding: 25px 20px; }
.in_con04 .right dd a { display: inline-block; line-height: 1.4; height: 2.8em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.in_con04 .right dd span { color: #bbb; padding-top: 10px; display: inline-block; }
.in_con04 .right dd i { color: #2f2f2f; padding-left: 5px; }
.in_con04 .bottom { float: left; width: 100%; }
.in_con04 .bottom div.more { margin-left: auto; margin-right: auto; }
.in_con04 .bottom div.more a:hover { border: 1px solid #fff; }
.in_con04 .bottom div.more a:hover span:after { background-color: #fff; color: #657ab8; }
@media only screen and (max-width: 1700px) {
.in_con04 { padding-bottom: 40%; }
}
@media only screen and (max-width: 1700px) {
.in_con04 {padding-bottom: 42%;}   
}
@media only screen and (max-width: 1500px) {
.in_con04 .left { margin-top: 50px; }
}
@media only screen and (max-width: 1400px) {
.in_con04 { padding-bottom: 45%; }
.in_con04 .right dl { width: 23%; margin-right: 1%; margin-left: 1%; }
.in_con04 .right dl:last-child { width: 23%; margin-right: 1%; margin-left: 1%; }
}
@media only screen and (max-width: 1300px) {
.in_con04 { padding-bottom: 39%; }
}
@media only screen and (max-width: 1200px) {
.in_con04 { padding-bottom: 51%; }
.in_con04 .right { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.in_con04 .bottom { margin-top: 20px; }
.about-tilt h1 { font-size: 20px; }
.about-tilt h2 { font-size: 14px; }
.about-tilt h3 { font-size: 10px; }
.in_con04 .right dl { width: 23%; margin-right: 1%; margin-left: 1%; }
}
@media only screen and (max-width: 910px) {
.in_con04 { padding-bottom: 50%; }
.in_con04 .right { padding-left: 2%; }
}
@media only screen and (max-width: 769px) {
.in_con04 .right { padding-left: 0; }
}
@media only screen and (max-width: 767px) {
.in_con04 { height: auto; padding-bottom: 30px; }
.in_con04 .left { width: 96%; margin: 0 auto; float: none; }
.in_con04 .left h3 { height: auto; }
.in_con04 .left h3 br { display: none; }
.in_con04 .left p { width: 100%; margin-top: 5px; }
.in_con04 .left p br { display: none; }
.in_con04 .right { width: 100%; padding-left: 0; border-left: 0;/*border-top:1px solid #fff;margin-top:20px;padding-top: 20px;*/ }
.in_con04 .right dl { width: 49%; margin-left: 0.5%; margin-right: 0.5%; }
.in_con04 .right dl:last-child { width: 49%; margin-left: 0.5%; margin-right: 0.5%; }
/*  .in_con04 .right dl:first-child{margin-left: 0;margin-right:0;}
*/  .in_con04 .right dd { padding: 10px; }
.in_con04 .right dd span { padding-top: 5px; }
}
.in_con05 { position: relative; height: 0px; padding-bottom: 32%; background-repeat: repeat; background-size: 100%; background-position: center; background-attachment: fixed; }
.in_con05>a { display: block; text-align: center; position: absolute; left: 0px; right: 0px; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.in_con05>a span { display: block; width: 18px; margin: 30px auto 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.in_con05>a span img { width: 100%!important; }
.in_con05>a:hover span { -webkit-transform: translateX(20px); transform: translateX(20px); }
@media only screen and (max-width: 1500px) {
.in_con05>a img { width: 500px; }
}
@media only screen and (max-width: 1025px) {
.in_con05>a img { width: 30%; }
}
@media only screen and (max-width: 910px) {
.in_con05>a img { width: 150px; }
}
@media only screen and (max-width: 769px) {
.in_con05 { padding-bottom: 45%; }
}
.in_con06 { width: 100%; }
.in_con06>* { width: 50%; float: left; padding-bottom: 26%; height: 0px; overflow: hidden; }
.in_con06 img { width: 100%; }
.in_con06 .right { position: relative; }
.in_con06 .right p { position: absolute; top: 85px; left: 80px; width: 455px; color: #fff; line-height: 1.3; }
.in_con06 .right a p { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.in_con06 .right a:hover p { -webkit-transform: translateX(10px); transform: translateX(10px); }
@media only screen and (max-width: 1200px) {
.in_con06 .right p { width: 80%; top: 20px; left: 30px; }
}
@media only screen and (max-width: 767px) {
.in_con06>* { width: 100%; float: none; padding-bottom: 52%; }
.in_con06 .right p { left: 5%; }
}
/*内页*/
/*.n_banner { position: relative; margin-top: 70px; height: 0px; padding-bottom: 26%; background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }
.n_banner dl { width: 665px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.n_banner dt img { width: 100%; }
.n_banner dd { text-align: center; margin-top: 70px; }
.n_banner dd .bdsharebuttonbox { display: inline-block; }
.n_banner dd a { margin: 0 10px; }
.n_banner dd .bdsharebuttonbox a.bds_tsina { background: url(../images/news_weibow.png) no-repeat center; }
.n_banner dd .bdsharebuttonbox a.bds_weixin { background: url(../images/news_weixinw.png) no-repeat center; }
.n_banner>a { display: block; }
.n_banner>a>img { width: 100%; opacity: 0; }
*/ @media only screen and (max-width: 1500px) {
.n_banner dl { width: 500px; }
}
@media only screen and (max-width: 1200px) {
.n_banner dd { margin-top: 20px; }
}
@media only screen and (max-width: 910px) {
.n_banner dl { width: 400px; }
.n_banner dd { margin-top: 30px; }
}
@media only screen and (max-width: 767px) {
/*.n_banner { padding-bottom: 45%; }
.n_banner dl { width: 80%; }
.n_banner>a>img { width: 180%; }
*/}


#infscr-loading { text-align: center; width: 100px; margin: 10px auto; }
 @media only screen and (max-width: 1650px) {
.news_list_wrap { width: 100%; padding: 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news_list_con .left { width: 133px; }
.news_list_con .middle { width: 45%; margin: 0 2% 0 2%; padding-bottom: 22%; }
.news_list_con .right { width: 40%; }
.news_list_con .right h3 { margin: 20px 0; }
}
@media only screen and (max-width: 1500px) {
.news_list_con .left { width: 115px; }
}
@media only screen and (max-width: 1400px) {
.news_list_con .middle { width: 41%; margin: 0 4% 0 4%; }
.news_list_con .right h3 { margin: 15px 0; }
}
@media only screen and (max-width: 1200px) {
.news_list_con .middle { width: 40%; }
.news_list_con .right h3 { margin: 10px 0; }
.news_list_con .left { width: 100px; }
}
@media only screen and (max-width: 950px) {
.news_list_con .left { display: none; }
.news_list_con .right { width: 45%; }
.news_list_con .middle { width: 50%; margin: 0 5% 0 0; padding-bottom: 28%; }
.news_list_con.n2 .middle { margin: 0 0 0 5%; }
.news_list_con .right .news_time { display: block; color: #666; }
.news_list_con:hover .right .news_time { color: #fff; }
}
@media only screen and (max-width: 767px) {
.news_list_con { padding: 25px 0; }
.news_list_wrap { padding: 0 20px; }
.news_list_wrap>* { float: none; }
.news_list_con.n2 .news_list_wrap>* { float: none; }
.news_list_con .right { width: 100%; }
.news_list_con .middle { width: 100%; margin: 0; padding-bottom: 0; height: auto; }
.news_list_con.n2 .middle { margin: 0; }
.news_list_con .right { margin-top: 20px; }
}

@media only screen and (max-width: 1400px) {
.news_con_page .page_list { height: 50px; width: 40%; }
.news_con_page .page_list a { font-size: 16px; width: 80%; }
}
@media only screen and (max-width: 950px) {
.news_con_eidt { float: none; }
.news_con_left { padding-right: 0px; }
.news_con_right { width: 340px; float: none; margin-left: 0px; }
.news_con_right .news_con_nav { display: none; }
.news_con_right .share_ico { display: none; }
.news_con_right .img_a { display: none; }
.news_con { margin-top: 90px; }
.news_con_title { padding-bottom: 15px; }
.news_con_title h3 { margin-bottom: 10px; }
}
@media only screen and (max-width: 767px) {
.news_con { margin-top: 70px; }
.news_con_page .page_list { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; margin-bottom: 10px; }
.news_con_page .page_list span { height: 50px; }
}
@media only screen and (max-width: 340px) {
.news_con_right { width: 100%; }
.news_con_right .video_con { width: 100%; }
}
/*视频*/
.video_place { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0,0,0,0.6); z-index: 999999999; }
.lt9 .video_place { filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000")
}
.video_place .video_con { z-index: 2; width: 80%; height: 60%; background-color: #000; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.lt9 .video_place .video_con { top: 20%; left: 10%; background: #000; }
.video_place .video_con video { width: 100%; height: 100%; }
.video_place .video_close_btn { position: absolute; top: 15%; right: 10%; width: 120px; height: 35px; background: #657ab8; color: #fff; text-align: center; line-height: 35px; cursor: pointer; }
/*案例列表*/
/*
.case_banner{margin-top:70px;padding-bottom: 46.5%;height: 0px;overflow: hidden;}
.case_banner_bxslider li img{width: 100%;}
.case_banner_bxslider li video{width: 100%;}
.case_banner .bx-wrapper .bx-pager,.case_banner .bx-wrapper .bx-controls-auto{bottom:auto;top:93%;padding-top: 0;}
.case_banner .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;border:0px solid #fff;}
.case_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.case_banner .bx-wrapper .bx-pager.bx-default-pager .active a {background: #657ab8;}
*/

.case_banner { margin-top: 70px; overflow: hidden; }
.case_banner li { position: relative; overflow: hidden; }
.case_banner li img { width: 100%; }
.case_banner .p { position: absolute; left: 20%; bottom: 20%; color: #fff; }
.case_list dl { color: #fff; height: 0px; width: 100%; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.case_list dd { position: absolute; bottom: 150px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); text-align: right; }
.case_list dd p { width: 500px; margin-top: 10px; float: right; }
.case_list01 dl { padding-bottom: 31.5%; }
.case_list01 dl.case_other_dl { background-attachment: fixed; }
.case_list01 dl.case_other_dl dd { text-align: left; }
.case_list01 dl.case_other_dl dd p { float: left; }
@media only screen and (max-width:1500px) {
.case_banner .p { left: 10%; }
}
@media only screen and (max-width:1200px) {
.case_banner .p { left: 5%; right: 5%; }
}
@media only screen and (max-width:767px) {
/*.case_banner{padding-bottom: 78%;}*/
.case_banner .p { bottom: 10%; }
.case_list01 dl.case_other_dl { background-attachment: initial; }
.case_list01 dl { padding-bottom: 45%; }
.case_list dd { bottom: 10%; }
.case_list dd p { width: 100%; margin-top: 0; font-size: 12px; }
.case_list dd h3 { font-size: 16px; }
.case_banner .p h3 { font-size: 18px; }
}
/*案例详情*/
.case_con_body { background: #f4f4f4; }
.pageWrapper { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0; height: 100%; width: 100%; overflow: hidden; }
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { z-index: 101; }
.case_con_edit:first-child { margin-top: 70px; }
.case_con_edit .case_text { padding: 90px 0 120px; }
.case_con_edit .case_text .wrap { position: relative; }
.case_con_edit .case_text .left { width: 100%; float: left; }
.case_con_edit .case_text .left .c01_text { width: 665px; }
.case_con_edit:first-child .case_text .left { width: 665px; }
.case_con_edit:first-child .case_text .left .c01_text { width: 100%; }
.case_con_edit .case_text .left .c01_text { color: #7d7d7d; line-height: 1.9; }
.case_con_edit .case_text .right { width: 530px; float: right; }
.case_con_edit .case_text ul.right { position: absolute; bottom: 0px; right: 0px; }
.case_con_edit .case_text ul.right li { margin-top: 5px; overflow: hidden; }
.case_con_edit .case_text ul.right strong { float: left; width: 85px; }
.case_con_edit .case_text ul.right p { float: left; width: 445px; color: #7d7d7d; }
.case_con_edit .case_text ul.right p a { color: #2683ff; position: relative; font-weight: 700; }
.case_con_edit .case_text ul.right p a:hover:after { content: ""; position: absolute; bottom: 0px; left: 0px; height: 1px; right: 0px; background: #2683ff; }
.case_img_video { padding-bottom: 120px; position: relative; }/*position:relative;去掉加入视频时图片定位会抖动*/
.case_img_video .img_video { margin-top: 60px; }
.case_img_video .img_video:first-child { margin-top: 0; }
.case_img_video .img_video img { width: 100%; }
.case_img_video .img_video video { width: 100%; }
.case_fixed_wrap { z-index: 99; background: #fff; }
.case_fixed_img { padding-top: 52%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 100; image-rendering: auto; image-rendering: crisp-edges }
.case_fixed_img .before { position: absolute; left: 0; top: 0px; height: 100%; width: 14%; background: #f4f4f4; -webkit-transform: translateX(0); transform: translateX(0); }
.case_fixed_img .after { position: absolute; right: 0; top: 0px; height: 100%; width: 14%; background: #f4f4f4; -webkit-transform: translateX(0); transform: translateX(0); }
.case_fixed_img .case_tit { position: absolute; top: 50px; left: 17%; width: 250px; }
.case_fixed_img .case_tit img { max-width: 100%; }
.case_fixed_img .case_tit h4 img { display: none; }
/*颜色色值*/
.case_color_wrap { position: relative; }
.case_color { position: absolute; right: 93px; top: 307px; width: 330px; }
.case_color>div { position: relative; height: 100px; margin-left: 96px; width: 44px; float: left; }
.case_color>div:first-child { margin-left: 0px; }
.case_color span { width: 44px; height: 44px; border-radius: 100%; display: block; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.5s ease-in-out 1s; transition: all 0.5s ease-in-out 1s; }
/*.case_color .left span{background-color: rgba(170,206,57,1);}
.case_color .middle span{background-color: rgba(56,56,65,1);}
.case_color .right span{background-color: rgba(240,130,0,1);}*/
.case_color>div span:nth-of-type(1) { z-index: 4; opacity: 1; }
.case_color>div span:nth-of-type(2) { z-index: 3; opacity: 0.8; }
.case_color>div span:nth-of-type(3) { z-index: 2; opacity: 0.4; }
.case_color>div span:nth-of-type(4) { z-index: 1; opacity: 0.2; }
/*颜色动画*/
.color_anim .case_color>div span:nth-of-type(2) { top: 20px; }
.color_anim .case_color>div span:nth-of-type(3) { top: 40px; }
.color_anim .case_color>div span:nth-of-type(4) { top: 60px; }
/*下一个案例*/
.case_footer { height: 0px; padding-bottom: 26%; overflow: hidden; position: relative; }
.case_footer .p p { line-height: 1; }
.case_footer .p { z-index: 9; position: absolute; left: 20px; right: 20px; top: 60%; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; }
.case_footer .right .p { top: 50%; }
.case_footer .p a { color: #fff; }
.case_footer .p .more { margin: 0px auto 0; margin-top: 55px; }
.case_footer .left { float: left; width: 50%; position: relative; }
.case_footer .left>img { width: 100%; }
.case_footer .right { float: left; width: 50%; position: relative; }
.case_footer .right>a>img { width: 100%; }
.case_footer .right .p p.fnt_80 { letter-spacing: 6px; }
.case_footer .right a { display: block; width: 100%; height: 100%; position: relative; }
.case_footer .right a:after { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background: rgba(0,0,0,0.7); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.case_footer .right a:hover:after { background: rgba(0,0,0,0.8); }
 @media only screen and (max-width: 1500px) {
.case_fixed_img .case_tit { left: 10%; }
}
@media only screen and (max-width: 1500px) {
.case_footer .p .more { margin-top: 40px; }
}
@media only screen and (max-width: 1200px) {
.case_footer .p .more { margin-top: 30px; }
}
@media only screen and (max-width: 1000px) {
.case_footer .p .more { margin-top: 20px; }
}
@media only screen and (max-width: 1366px) {
.case_con_edit .case_text .left .c01_text { width: 70%; }
.case_con_edit:first-child .case_text .left { width: 50%; }
.case_con_edit:first-child .case_text .left .c01_text { width: 100%; }
.case_con_edit .case_text .right { width: 45%; }
.case_con_edit .case_text ul.right p { width: 100%; }
.case_color { top: 280px; }
}
@media only screen and (max-width: 1100px) {
.case_con_edit .case_text { padding: 50px 0 80px; }
.case_img_video { padding-bottom: 80px; }
.case_img_video .img_video { margin-top: 20px; }
.case_color { width: 270px; top: 240px; }
.case_color>div { margin-left: 66px; }
.case_next .btn { width: 50px; height: 50px; }
.case_next .p { bottom: 20%; left: 47%; }
}
@media only screen and (max-width: 1000px) {
.case_fixed_img { background: center no-repeat; background-size: cover!important; }
.case_color { width: 202px; top: 155px; right: 70px; }
.case_color>div { margin-left: 35px; }
.case_con_edit .case_text .right { width: 40%; }
.case_con_edit .case_text ul.right { right: 20px; }
}
@media only screen and (max-width: 767px) {
.case_con_edit .case_text { padding: 20px 0 30px; }
.case_img_video { padding-bottom: 30px; }
.case_con_edit .case_text .left { width: 100%; }
.case_con_edit .case_text .left .c01_text { margin-top: 10px; width: 100%; }
.case_con_edit:first-child .case_text .left { width: 100%; }
.case_con_edit .case_text .right { width: 100%; margin-top: 20px; }
.case_con_edit .case_text ul.right { position: static; }
.case_fixed_img .case_tit { left: 5%; width: 120px; top: 20px; }
.case_fixed_img .case_tit h4 img { max-width: 70%; margin-top: 7px; }
.case_color span { width: 20px; height: 20px; }
.case_color { width: 90px; top: 40%; right: 30px; }
.case_color>div { margin-left: 15px; width: 20px; }
.color_anim .case_color>div span:nth-of-type(2) { top: 10px; }
.color_anim .case_color>div span:nth-of-type(3) { top: 20px; }
.color_anim .case_color>div span:nth-of-type(4) { top: 30px; }
.case_footer { height: auto; padding-bottom: 0; }
.case_footer .left { float: none; width: 100%; }
.case_footer .right { float: none; width: 100%; }
.case_footer .right .p a { letter-spacing: 3px; }
}




/*留言*/
.cul-word { width: 1280px; margin: 20px auto 20px; }
.cul-word h2 { font-size: 30px; color: #556fb5;; }
.cul-img { margin-top: 200px; margin-bottom: -94px; }
.cul-img img { width: 100%; }
.des-back { background: url("../images/banner-16.jpg") no-repeat; }
.des-img { text-align: center; }
.des-img img { max-width: 1280px; }
.map-back { background: url("../images/banner-17.jpg") no-repeat; }
.map-center {width: 1280px;margin: 0 auto;margin-bottom: 50px;}

/*.map-in { border: 2px solid #fff;  }*/
#map{ border:none;}
.demo_main {padding-top: 10px; }
.demo_title { padding: 10px; margin-bottom: 10px; background-color: #D3D8E0; border: solid 1px gray; }
.demo_content {margin-bottom: 10px;;}
fieldset { border:1px solid rgba(204, 204, 204, 0.28); }
.BMap_Marker label{font-size: 16px !important;font-weight: 600 !important;left: 20px !important;top: -1px !important;border: none !important;background:none/* rgb(245, 243, 240)*/ !important;font-family: 微软雅黑 !important;*-webkit-box-reflect: below;*/-webkit-text-stroke:1px #f00;*-webkit-box-reflect: below;*/-webkit-text-stroke:1px #f00;*-webkit-box-reflect: below;*/-webkit-text-stroke:1px #f00;*-webkit-box-reflect: below;*/-webkit-text-stroke:1px #f00;*-webkit-box-reflect: below;*/-webkit-text-stroke:1px #f00;/* -webkit-text-stroke: 0.5px #433b33; *//* -webkit-box-reflect: below; */color: #433b33;height: 30px;}
.BMap_bubble_title{ box-sizing: content-box;width: 220px;height: 55px;position: absolute;left: 10px;top: 20px;z-index: 10;overflow: hidden;font-size: 16px;}
#loading{background:url(/skin/cmd/images/logo.png) center center / 25% no-repeat rgba(0, 0, 0, 0.39) !important; }
#thinkPano{background:rgba(0, 0, 0, 0.39);}

.rec-content ul li h4 span { font-size: 22px; color: #3b3b3b; }
.rec-content ul li h4 { padding-bottom: 20px; }
.map-center>h2 { margin-top: 50px; margin-bottom: 30px; }
.map-bottom ul li { float: left; width: 50%; margin-top: 15px;/* padding: 0 6%;*/ }
.map-center h2 { font-size: 20px; }
.map-bottom ul li img { float: left; margin-right: 20px; }
.map-bottom-li h2 { font-size: 21px; color: #3b3b3b; }
.map-bottom-li p { font-size: 19px; color: #333333; line-height: 24px !important; }
.map-bottom-li  a{ color: #3b3b3b99; }
.map-bottom-li p.phone { padding-left: 179px; }
.wind-content-left img { max-width: 100%; }
.map-bottom ul li:nth-child(n) .map-bottom-li h2 { padding-top: 20px; }
.map-bottom ul li:nth-child(n) .map-bottom-li h1 {padding-top: 5px;font-size: 21px;color: #3b3b3b;line-height: normal;}
.map-form label{ display:block; color:#000000;font-size:32px;margin:30px auto;padding:15px; text-align:center;}
.map-form ul{ overflow:hidden;width:1011px; padding-bottom:25px; border-bottom:1px solid #dadada; margin:0 auto;}
.map-form ul li{ float:left;width:252px; text-align:center;}
.map-form ul li img{ display:block; margin:0 auto;}
.map-form form{width: 1280px;margin:0 auto;}
/*.map-form form input[type=text]{width: 601px;height:38px;padding-left:9px;border:1px solid #eeeeee;border-radius: 5px;margin-bottom: 26px;float: left;margin-right: 20px;}*/
.map-form form #name{width: 613px;height:38px;padding-left:9px;border:1px solid #cfcfcf;border-radius: 5px;margin-bottom: 26px;float: left;margin-right: 30px;}
.map-form form #mycall{width: 613px;height:38px;padding-left:9px;border:1px solid #cfcfcf;border-radius: 5px;margin-bottom: 26px;float: left;margin-right: 30px;}
.map-form form #email{width: 613px;height:38px;padding-left:9px;border:1px solid #cfcfcf;border-radius: 5px;margin-bottom: 26px;float: left;}
.map-form form #qq{width: 613px;height:38px;padding-left:9px;border:1px solid #cfcfcf;border-radius: 5px;margin-bottom: 26px;float: left;}
/*#mycall{ margin-left:36px; }*/
#lytext{width:1268px;padding-left:9px;height:95px;padding-top:9px;  border:1px solid #cfcfcf;margin:12px 0 30px 0;border-radius: 5px;}
#sum{ border:none;width:63px;height:28px; background:#3b3b3b;margin:0 16px 0 570px; cursor:pointer;color: #fff;border-radius: 5px;}
#ret{border:none;width:63px;height:28px; background:#eeeeee;cursor:pointer;border-radius: 5px;}


@media screen and (max-width: 1100px){
.cul-word { width: 97%; margin: 20px auto 0; }
.cul-word h2 { font-size: 30px; }
.cul-word p { font-size: 16px; line-height: 26px; }    
.map-center {width:96%}
.map-bottom ul li {width:50%;}
.map-bottom-li h2 {font-size:16px;}
.map-bottom ul li:nth-child(n) .map-bottom-li h1 {font-size: 16px;}
.my-map {height:300px!important}
.map-form form{width:100%;}
.map-form form #name{width: 48%;margin-right: 15px;}
.map-form form #mycall{width: 48%;margin-right: 15px;}
.map-form form #email{width: 48%;}
.map-form form #qq{width: 48%;}
#lytext{width:98.5%;}
#sum{ margin:0 16px 0 42.5%; }
}

@media screen and (max-width: 660px){ 
.map-bottom ul li {width: 100%;margin-top:0px; }
.map-bottom ul li:nth-child(n) .map-bottom-li h1 {padding-top: 20px;}
.map-form form #name{width: 97%;}
.map-form form #mycall{width: 97%;}
.map-form form #qq{width: 97%;}
.map-form form #email{width: 97%;}
#lytext{width:97%;}
#sum{ margin:0 16px 0 29%; }
}



/*智能*/
.intel_con01 { margin-top: 70px; }
.intel_con { position: relative; }
.intel_con>img { width: 100%; }
.intel_con div.p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.intel_con div.p h3 { padding-bottom: 30px; position: relative; letter-spacing: 3px; }
.intel_con div.p h3:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 85px; height: 2px; background: #fff; }
.intel_con div.p p { margin-top: 35px; font-weight: 700; position: relative; }
.intel_con div.p h4 { position: relative; }
.intel_con01 div.p { text-align: center; }
.intel_con01 div.p h3 { color: #fff; letter-spacing: 8px; padding-bottom: 0; }
.intel_con01 div.p h3:after { display: none; }
.intel_con01 div.p p { letter-spacing: 1px; color: #000; margin-top: 10px; }
.intel_con02 div.p { width: 570px; margin: 0 auto; color: #fff; }
.intel_con03 div.p { width: 750px; float: right; color: #fff; left: 65%; }
.intel_con03 div.p h4 { color: #657ab8; }
.intel_con03 div.p p { width: 88%; }
.intel_con04 div.p { color: #fff; left: 50%; }
.intel_con04 div.p p { width: 50%; }
.intel_con05 div.p { width: 600px; float: right; color: #fff; left: 70%; }
.intel_con05 div.p h4 { color: #657ab8; }
.intel_con05 div.p p { width: 88%; }
.intel_con06 div.p { left: 50%; }
.intel_con06 div.p h3:after { background: #000; }
.intel_con06 div.p h4 { color: #657ab8; }
.intel_con06 div.p p { width: 50%; }
@media only screen and (max-width: 1500px) {
.intel_con div.p h3 { padding-bottom: 20px; }
.intel_con div.p p { margin-top: 25px; }
.intel_con01 div.p h3 { padding-bottom: 0; }
.intel_con01 div.p p { margin-top: 10px; }
.intel_con02 div.p { width: 480px; }
.intel_con03 div.p { width: 630px; left: 70%; }
.intel_con05 div.p { width: 630px; }
}
@media only screen and (max-width: 1100px) {
.intel_con02 div.p { width: 400px; }
.intel_con03 div.p { width: 550px; left: 73%; }
.intel_con05 div.p { width: 550px; left: 73%; }
.intel_con03 div.p p { width: 75%; }
.intel_con05 div.p p { width: 75%; }
}
@media only screen and (max-width: 1000px) {
.intel_con02 div.p { width: 338px; left: 53%; }
.intel_con03 div.p { width: 51%; left: 75%; }
.intel_con05 div.p { width: 51%; left: 75%; }
.intel_con03 div.p p { width: 95%; }
.intel_con05 div.p p { width: 95%; }
}
@media only screen and (max-width: 767px) {
.intel_con div.p { position: static; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); padding-top: 20px; padding-bottom: 20px; }
.intel_con div.p h3 { padding-bottom: 15px; }
.intel_con div.p h3:after { background: #000; width: 55px; }
.intel_con div.p p { margin-top: 15px; }
.intel_con02 div.p { background: #fffdf8; color: #000; width: 100%; }
.intel_con03 div.p { background: #090e19; width: 100%; }
.intel_con03 div.p h3:after { background: #fff; }
.intel_con03 div.p p { width: 100%; }
.intel_con04 div.p { background: #ff6700; width: 100%; }
.intel_con04 div.p h3:after { background: #fff; }
.intel_con04 div.p p { width: 100%; }
.intel_con05 div.p { background: #000; width: 100%; }
.intel_con05 div.p h3:after { background: #fff; }
.intel_con05 div.p p { width: 100%; }
.intel_con06 div.p { background: #fff; width: 100%; }
.intel_con06 div.p p { width: 100%; }
.intel_con01 div.p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.intel_con01 div.p p { margin-top: 0px; font-size: 10px; }
.intel_con01 div.p h3 { padding-bottom: 0px; font-size: 34px; }
}
.contact .section { position: relative; background-size: cover!important; }
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{height: auto !important;}
#section0 { background: url(../images/banner4.jpg) no-repeat center; }
#section1 { background: url(../images/banner3.jpg) no-repeat center; }
#section2 { background: url(../images/banner2.jpg) no-repeat center; }
.contact .section>.wrap { position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.contact .section .img img { display: block; margin-bottom: 30px; max-width: 100%; }
.contact .section .p { color: #fff; position: relative; padding-top: 30px; }
.contact .section .p:before { position: absolute; top: 0px; left: 0px; display: block; content: ""; width: 190px; height: 3px; background: #fff; }
.contact .section .p dt { font-weight: 700; margin-bottom: 10px; }
.contact .section .p dd { margin-bottom: 10px; }
.contact .section .p ul { width: 595px; }
.contact .section .p li { float: left; margin-right: 45px; width: 245px; margin-top: 3px; }
.contact .section .p li a { color: #fff; }
.contact #section2.section>.wrap { top: 55%; }
.contact_nav { position: absolute; height: 70px; background-repeat: no-repeat; background-position: center; left: 0px; right: 0px; overflow: hidden; cursor: pointer; }
.contact_nav .wrap { position: relative; z-index: 2; line-height: 70px; }
.contact_nav img { opacity: 0.6; height: 26px; vertical-align: middle; }
.contact_nav:after { content: ""; position: absolute; background: rgba(0,0,0,0.8); top: 0px; left: 0px; right: 0px; bottom: 0px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.contact_nav:hover img { opacity: 1; }
.contact_nav:hover:after { background: rgba(0,0,0,0.3); }
.contact_nav01 { background-image: url(../images/beijing_img.jpg); }
.contact_nav02 { background-image: url(../images/guangzhou_img.jpg); }
.contact_nav03 { background-image: url(../images/shanghai_img.jpg); }
#section0 .contact_nav02 { bottom: 70px; }
#section0 .contact_nav03 { bottom: 0px; }
#section1 .contact_nav01 { top: 60px; }
#section1 .contact_nav03 { bottom: 0px; }
#section2 .contact_nav01 { top: 60px; }
#section2 .contact_nav02 { top: 130px; }
@media only screen and (max-width: 1500px) {
.contact .section .img { padding-bottom: 10px; }
.contact .section .img img { height: 60px; margin-bottom: 10px; }
.contact .section .img img:first-child { max-width: 10%; height: auto; }
.contact .section .p { padding-top: 20px; }
.contact .section .p:before { width: 100px; }
.contact_nav { height: 50px; }
#section0 .contact_nav02 { bottom: 50px; }
#section0 .contact_nav03 { bottom: 0px; }
#section1 .contact_nav01 { top: 60px; }
#section1 .contact_nav03 { bottom: 0px; }
#section2 .contact_nav01 { top: 60px; }
#section2 .contact_nav02 { top: 110px; }
.contact_nav .wrap { line-height: 50px; }
.contact_nav img { height: 20px; }
}
@media only screen and (max-width: 1200px) {
.contact_nav { display: none; }
.contact .section>.wrap { top: 50%; }
}
@media only screen and (max-width: 1000px) {
.contact .section>.wrap { top: 55%; }
.section_o { height: 0!important; padding-bottom: 50%; }
.contact .section .img img { height: 40px; }
}
@media only screen and (max-width: 767px) {
.section_o { height: auto!important; padding-bottom: 0; }
.contact .section>.wrap { position: static; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); padding-bottom: 50px; padding-top: 50px; }
.contact .section#section0>.wrap { padding-top: 100px; }
.contact .section .p ul { width: 100%; }
.contact .section .p li { padding-right: 5%; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0; }
.contact .section .img img:first-child { max-width: none; height: 30px; }
.contact .section .p li em { display: block; }
}
/*4f*/
.ceUlt01 { margin-top: 70px; background: url(../images/4f_img03.jpg) no-repeat right 15%; }
.ceUlt01 p { max-width: 1280px; }
.ceUlt01 p img { width: 100%; }
.ceUlt02 { background: url(../images/4f_img04.jpg) no-repeat right 0%; }
.ceUlt02_bg { background: url(../images/4f_img07.jpg) no-repeat left bottom; }
.ceUlt02 .p { width: 880px; margin: 0 auto; padding-left: 150px; }
.ceUlt02 .p .fnt_36 { line-height: 1.7; }
.ceUlt02 .img p { float: left; width: 640px; }
.ceUlt02 .img p img { width: 100%; }
.ceUlt02 .p2 { width: 950px; margin: 80px 0 0 110px; }
.ceUlt03 { overflow: hidden; position: relative; height: 0px; padding-bottom: 46.7%; }
.ceUlt03 video { width: 100%; }
.ceUlt03 .a { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 2; cursor: pointer; }
.ceUlt03 .a a { position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; }
.ceUlt03 .a p img { width: 100%; }
.ceUlt04 { position: relative; }
.ceUlt04>img { position: absolute; top: -130px; right: 0px; z-index: 2; }
.ceUlt04 .img p { float: left; }
.ceUlt04 .img p img { width: 100%; }
.ceUlt04 .img p.p01 { width: 760px; }
.ceUlt04 .img p.p02 { position: relative; right: -70px; }
.ceUlt04 .p { float: right; width: 790px; background: url(../images/4f_img12.jpg) no-repeat; height: 77px; padding-left: 150px; }
.ceUlt04 .p p { line-height: 2; }
@media only screen and (max-width: 1700px) {
.ceUlt01 { background-size: 13%; }
.ceUlt01 .wrap>img { width: 40%; }
.ceUlt02 { background-size: 25%; }
.ceUlt02_bg { background-size: 15%; }
}
@media only screen and (max-width: 1500px) {
.ceUlt01 { background-position: right 50px; }
.ceUlt02 .p2 { margin: 80px auto; }
.ceUlt04>img { width: 20%; top: -100px; }
.ceUlt04 .img p.p02 { right: 0px; left: 20px; }
}
@media only screen and (max-width: 1400px) {
.ceUlt02 .img p { width: 50%; }
.ceUlt02 .p { width: 705px; }
.ceUlt02 .p2 { width: 620px; margin: 50px auto; }
.ceUlt04 .img p.p01 { width: 60%; }
.ceUlt04 .img p.p02 { width: 40%; }
.ceUlt04 .p { width: 600px; padding-left: 70px; background-size: 4%; }
}
@media only screen and (max-width: 1200px) {
.ceUlt02 .p { padding-left: 0px; line-height: 1.7; }
.ceUlt02 .p2 { margin: 80px auto 50px; line-height: 1.7; }
.ceUlt04 .p p { line-height: 1.7; }
}
@media only screen and (max-width: 1000px) {
.ceUlt01 { background-position: right 0px; }
.ceUlt02 .p { width: 90%; }
.ceUlt02 .img p.mt_150 { margin-top: 3.1%; }
.ceUlt02 .p2 { width: 75%; margin: 50px auto 20px; }
.ceUlt04>img { width: 15%; top: -45px; }
.ceUlt04 .p { width: 90%; -webkit-box-sizing: border-box; box-sizing: border-box; height: auto; }
.ceUlt02 .p .fnt_36 { font-size: 22px; }
.ceUlt02 .p2 .fnt_24 { font-size: 16px; }
.ceUlt04 .p p { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
.ceUlt02 .p .fnt_36 { font-size: 16px; line-height: 1.5; }
.ceUlt02 .p2 { margin: 30px auto 20px; }
.ceUlt02 .p2 .fnt_24 { font-size: 14px; line-height: 1.5; }
.ceUlt04 .p p { font-size: 14px; line-height: 1.5; }
.ceUlt04 .p { background: none; padding: 0; float: none; margin: 20px auto; }
.ceUlt04>img { top: -30px; width: 18%; }
.ceUlt04 .img p.p02 { left: 1%; width: 39%; }
}